/*html,body{width:100%;height:100%;overflow-x:hidden;}*/
body{ font:12px/22px 微软雅黑,Arial, Helvetica, sans-serif;color:#333;}
li{ list-style:none;}
.overflow-H{overflow:hidden;height:100%;}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1431510298_1393857.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1431510298_1393857.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1431510298_1393857.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1431510298_1393857.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1431510298_1393857.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont,i{font-family:"iconfont";font-style:normal;}

.fl{ float: left;}
.fr{ float: right;}
.clearfix:after {content:"\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
.hide{display:none;}
.main{ width: 100%;}

.btnBlue{display:block; position: fixed;bottom:0px;text-align:center;width:100%;height:40px;line-height:40px;background:#0093D0;color:#fff;font-size:16px;letter-spacing:3px;}


.btnGray{display:block; position: fixed;bottom:0px;text-align:center;width:100%;height:40px;line-height:40px;background:#f0f0f0;color:#999;font-size:16px;letter-spacing:3px; box-shadow:0px -1px 5px #bbb;}

header{ width: 100%; height: 50px; line-height: 50px; background: #0093d0; color: #fff;font-size:16px;}
header #logo{height:100%; vertical-align: top; border-left:1px dotted #87cce9;}
header a{color:#fff;font-size:22px;display:inline-block;width:50px;text-align:center;}
header a:visited{color:#fff;}
header .tel{float:right;}
header .menu{height:50px;text-align: center;}
header .city{float:right;height:30px;line-height:30px;font-size:12px;margin-top:8px;width:auto;padding:0 8px;}

menu{height:82px;background:#BDBDBD;}
menu li{float:left;width:25%;height:76px;text-align:center;}
menu li div{margin:8px 3px; position:relative;border-radius:3px;height:58px;padding-top:5px;background:#C2C2C2;}
menu li p{color:#9D9D9D;line-height:15px;margin-top:3px;font-size:10px;}
menu li p span{}
menu li:nth-child(1) div{border:1px solid #ccc;background:rgba(0,0,0,0.4);color:#fff;}
menu li:nth-child(1).current div{color:#999;}
menu li:nth-child(1) p{color:#fff;line-height:22px;margin-top:4px;}

menu li .selected{color:#52BCE9; position:absolute;top:0px;right:0px;display:none;}
menu li .arrow{color:#fff;position:absolute;bottom:-20px;left:42%;display:none;}
menu li .auto{font-size:28px;color:#A8A8A8;}

menu li.current div{background:#fff;}
menu li.current p{color:#808080;}
menu li.current .selected{display:block;top:-2px;right:0px;font-size:18px;}
menu li.current .arrow{display:block;}
menu li.current .auto{display:block;}

.step{box-shadow:0 3px 3px #ccc;height:30px;padding-top:5px;position: relative;z-index: 1;background:#fff;}
.step li{float:left;width:25%;padding-left:5px;box-sizing: border-box;color:#999;}
.step .hz li{width:33%;}
.step li span{border:1px solid #0093D0;border-radius:8px;display:inline-block;width:16px;height:16px;color:#0093D0;text-align:center;line-height:16px;margin-right:2px;}
.step li.current{color:#666;}
.step li.current span{background:#0093D0;color:#fff;}
.step li.over{color:#666;}
.step li.over span{background:#27AE60;color:#fff;}
.step li a{color:#888;}

.carInfo{padding:10px;font-size:14px;color:#A5A5A5;}
.carInfo p{border-bottom:2px solid #D1E1E7;height:30px;line-height:30px;}
.carInfo p a{display:inline-block;border-bottom:2px solid #48B0DA;padding:0 5px;color:#3EB7E9;margin-left:10px;}
.serverMain{width:400%;-webkit-transition: all 0.2s ease-out;}
.server{overflow:hidden;}
.server h4{padding:13px 10px;font-weight:500;font-size:16px;}

.server h4 .select{float:right;background:#ccc;color:#fff;height:36px;border-radius:18px 0px 0px 18px;line-height:36px;margin-top:-8px;margin-right:-10px;margin-left:4px;}
.server h4 .select i{color:#fff;font-size:28px;margin-left:5px;}
.server h4 .select.selected{background:#53BCE6;}
.server h4 .select.selected i{color:#fff;}

.server h4 > i{display:inline-block;width:24px;height:24px;border-radius:12px;text-align:center;line-height:24px;color:#fff;background:#F48642;margin-right:4px;}
.server h4 a em{  font-size: 14px;  position: relative;  top: -2px;  margin: 0 3px;}

.server .menuList{width:25%; box-sizing: border-box;position:relative;float:left;}
.server .menuList ul{border-radius:3px;background: #F8F8F8;margin:0 10px;border:1px solid #eee;}
.server .menuList li{padding:5px;height:60px;}
.server .menuList li:nth-child(1){border-bottom:1px dotted #ddd;}
.server .menuList img{width:60px;height:60px;float:left;}
.server .menuList li p{margin-left:70px;padding-right:30px;}
.server .menuList .more{float:right;margin-right:8px;font-size:24px;}
.server .menuList .name{color:#333;font-size:12px;line-height:17px;}
.server .menuList .price{color:#D83300;font-size:14px;margin-top:5px;}
.server .menuList .price span{margin-left:10px;color:#999; text-decoration: line-through;font-size:12px;}
.server .menuList .desc{color:#999;font-size:12px;margin-top:6px;margin-bottom:6px;}

.server .menuList a.iconfont{color:#999;font-size:16px; float:right;margin-top:20px;}

.server .menuList .option{background:#fff;border:1px solid #ddd;margin-top:1px; position:absolute;z-index:1;}


.server div.other{margin:0 10px;}
.server p.other{color:#F68838;padding:15px 10px 5px 10px;border-bottom:1px dotted #ddd;margin-bottom:10px;}
.server p.other em{font-size:14px;margin:0 3px;}
.server p.other i{margin-right:5px;font-size:15px;}
.server .otherMain{border-bottom:1px dotted #ddd;padding:5px 0;min-height:62px;}
.server .otherMain p{margin-left:70px;}
.server .other .otherMain:last-child{border-bottom:0px;}
.server form{display:none;}

.line{background:#F4F4F4 url(/Public/mobile/images/line.png) no-repeat;background-size:100%;clear:both;height:10px;padding-bottom:10px;}

.zhoubian{padding:10px;}
.zhoubian h4{padding:5px 10px;font-weight:500;font-size:16px;border-bottom:1px solid #eee;margin-bottom:5px;}
.zhoubian h4 i{display:inline-block;width:24px;height:24px;border-radius:12px;text-align:center;line-height:24px;color:#fff;background:#F15B2A;margin-right:4px;}

.zhoubian img{float:left;width:60px;height:60px;}
.zhoubian li{height:60px;padding:10px 0;border-bottom:1px dotted #ddd;}
.zhoubian li p{margin-left:70px;}
.zhoubian li img{width:60px;height:60px;float:left;}
.zhoubian li p{margin-left:70px;padding-right:30px;}
.zhoubian li i{float:right;margin-right:8px;font-size:16px;width:30px;height:30px;border-radius:17px;background:#fff;color:#999;border:2px solid #ddd;line-height:30px;text-align:center;margin-top:10px;}
.zhoubian li.current i{background:#E67E22;color:#fff;border-color: #E67E22;}
.zhoubian li .name{color:#333;font-size:12px;line-height:17px;}
.zhoubian li .price{color:#D83300;font-size:14px;margin-top:5px;}
.zhoubian li .price span{margin-left:10px;color:#999; text-decoration: line-through;font-size:12px;}
.zhoubian li:last-child{border-bottom:0px;}

.couponList{}
.couponList{padding:10px;}
.couponList li{border-bottom:1px dotted #ddd;padding-left:10px;}
.couponList li .name{font-size:15px;display: -webkit-box;  -webkit-box-orient: horizontal;-webkit-box-align: center;height:50px;width:60%;}

.couponList li .name span{font-size:13px;color:#888;}
.couponList li em{float:right;color:#27AE60;margin-right:10px;font-size:16px;margin-top: 16px;}
.couponList li i{float:right;margin-right:8px;font-size:16px;width:30px;height:30px;border-radius:17px;background:#fff;color:#999;border:2px solid #ddd;line-height:30px;text-align:center;margin-top:10px;}
.couponList li.current i{background:#E67E22;color:#fff;border-color: #E67E22;}

.totalMain{text-align:right;padding:10px 20px;background:#F4F4F4;}
.totalMain .totalPrice{color:#D83300;font-size:16px;}
.totalMain .couponPrice{color:#27AE60;font-size:14px;}

.pay{background:#f7f7f7;border-top:1px solid #fff;padding:5px 15px;color:#777;font-size:14px;position:fixed;bottom: 0px;width: 100%;box-sizing: border-box;text-align:center;box-shadow: 0px -1px 3px #ccc;z-index:5;}
.pay p{padding:5px 0;}
.pay p em{font-size:18px;}
.pay a{color:#999;}
.pay > a{border-radius:5px;padding:10px 20px;display:block;color:#fff;background:#FF5A00;text-align:center;font-size:16px;float: right;}

.pay .needPay{ position:absolute;bottom:18px; left:21px;color:#777;}
.pay .needPay em{color:#FB3700;}
.pay .couponTxt{ position:absolute;bottom:3px;left:20px;font-size:12px;padding:0px;color:#999;}
.pay .couponTxt span{color:#f60;}

.pay .index .price{color:#FB3700;left:20px;position:absolute;top:2px;text-align:center;line-height: 18px;}
.pay .index .mPrice{font-size:10px;color:#999;display:block;text-decoration: line-through;}
.pay .index .txt{ position: absolute;left:85px;top:10px;width:106px;text-align:center;}

footer{background:#F8F8F8;padding:10px;}
.btn{background:#1694CD;padding:5px 15px ;color:#fff;height:45px;line-height:35px;font-size:14px; position:fixed;bottom:0px;width:100%;box-sizing: border-box;}
.btn a{border-radius:5px;padding:0px 20px;float:right;color:#fff;background:#52BCE9;}


#home{ position:fixed;top:0px;left:-100%;width:100%;height:100%;-webkit-transition: all 0.2s ease-out;z-index:11;}
#home ul{width:80%;height:100%;background:#fff;padding-top:50px;}
#home .bg{width:100%;display:none;background:rgba(0,0,0,0.4); position:absolute;top:0px;left:0px;height:100%;}

#home.show{left:0%;}
#home.show ul{box-shadow:4px 0 10px #666; position: relative;z-index:1}
#home .bg{display:block;}
#home li{line-height:36px;border-bottom:1px dotted #ddd;}
#home a{color:#999;display:block;width:100%;height:100%;padding-left:30px;font-size:16px;}
/*品牌列表*/


.autoList{background:#fff; position:relative;width:100%;overflow:hidden;height:0px;}
.autoList.show{overflow-y:auto;height:100%;}

.listMain{background:#fff;-webkit-transition: all 0.2s ease-out; position:absolute;left:100%;top:-85px;height:100%;overflow-y:auto;padding-top:85px;box-sizing: border-box;width:100%;}
.listMain.show{left:0%;box-shadow:-8px 0px 10px #999;}
.listMain li{padding:10px;border-bottom:1px solid #ddd;}
.listMain li i{float:right;}
.listMain:nth-child(1){margin-left:0%;width:100%;}
.listMain:nth-child(2){margin-left:15%;width:85%;}
.listMain:nth-child(3){margin-left:30%;width:70%;}
.listMain:nth-child(4){margin-left:45%;width:55%;}

.autoList{ width: 100%;}
.letter{background:#f8f8f8;padding:5px;text-indent:15px;font-size:14px;}

.list span{ font-size: 18px; color: #808080; margin-left: 5px;}
.list img{width:40px;}
.list li{ padding: 5px 0; border-bottom: 1px solid #d9d9d9; position: relative; text-indent: 10px;}
.list li a{ display: block; width: 100%; height: 100%; text-decoration: none; position: relative;}
.list.noImg li{ height: 51px; line-height: 51px;}
.list .name{ color: #a3a3a3; text-indent: 0px; word-break: break-all; line-height: 16px; position: absolute; left: 18%; top: 0; width: 70%;}
.list .price{ position: absolute; text-indent: 0px; bottom: 0; left: 18%;}
.list .price span{ color: #b2b2b2; font-size: 14px; margin: 0 5px 0 0;}
.list .price strong{ font-weight: normal; text-decoration: line-through; color: #d08b40; margin-left: 10px;}
.list .arrow{ width: 10px; height: 20px; position: absolute; right:20px; top: 50%; margin-top: -10px;font-size:16px;}


.userData{padding:15px;margin-top:10px; position: relative;}
.userData h3 i{border:2px solid #fff; position:absolute;top:-20px;left:10px;background:#0093D0;width:32px;height:32px;border-radius: 20px;color:#fff;text-align:center;line-height:32px;}
.userData h3{font-size:15px;padding-left:40px;margin-top:-20px;padding-bottom:10px;}
.userData ul{background:#fff;}
.userData li {padding:5px 0;}
.userData li input{border:1px solid #eee;padding:10px;display:block;width:100%;box-sizing: border-box;background:#f8f8f8;}
.userData li a{border:1px solid #eee;padding:7px 10px;display:block;width:100%;box-sizing: border-box;background:#f8f8f8;color:#999;}
.userData li a i{float:right;}
.userData li a.gray{background:#f0f0f0;color:#ccc;}
.userData li a.gray i{color:#ccc;}

.mian li .name ins{color:#f60;text-decoration:none;font-size:16px;margin-right:3px;}
.mian ul{background:url('/Public/mobile/images/guaBg.png') no-repeat;background-color:none;background-size:100% 100%;padding:10px 0 10px 50px;}
.mian li span{color:#777;}

/*HZstep2 选择维修厂*/
.company{padding:15px;margin-top:10px; position: relative;}
.company h3 i{border:2px solid #fff; position:absolute;top:-20px;left:10px;background:#0093D0;width:32px;height:32px;border-radius: 20px;color:#fff;text-align:center;line-height:32px;font-size:20px;}
.company h3{font-size:15px;padding-left:40px;margin-top:-20px;padding-bottom:10px;}
.company img{ float:left;width:50px;}
.company p{ margin-left:55px;}
.company .name{margin-top:3px;font-size:16px;}


.company  .selected{padding:7px 10px;display:block;width:100%;box-sizing: border-box;background:#f8f8f8;color:#999; position:relative;color:#777;}
.company  .selected i{ position:absolute;right:10px;top:32%;}
.company  .selected.gray{background:#f0f0f0;color:#ccc;}
.company  .selected.gray i{color:#ccc;top:20%;}
.company  .selected .address{color:#B5B5B5;font-size: 12px;}


.serviceTime{padding:15px 0;margin-top:30px; position: relative;}
.serviceTime h3 i{border:2px solid #fff; position:absolute;top:-20px;left:10px;background:#0093D0;width:32px;height:32px;border-radius: 20px;color:#fff;text-align:center;line-height:32px;font-size:20px;}
.serviceTime h3{font-size:15px;padding-left:55px;margin-top:-20px;padding-bottom:10px;}

.btnToStep3{display:block;width:90%;margin:10px auto;padding:10px 0;background:#0093D0;box-sizing: border-box;color:#fff;font-size:16px;text-align:center;border-radius:3px;letter-spacing:3px}

.addCoupon{padding:10px 0;}
.addCoupon input{border:1px solid #eee;padding:10px;width:72%;box-sizing: border-box;background:#f8f8f8;}
.addCoupon a{padding:10px 10px;box-sizing: border-box;background:#4ACCF1;color:#fff; position:relative;top:1px;}


.success{background:#fff; padding:20px;margin-top:20px;}
.success i{font-size:64px;line-height:64px;color:#5CBF3D;display:block;margin:0 auto;width:100%;text-align:center;}
.success .p1{color:#5CBF3D;font-size:16px;text-align:center;margin-top:10px;}
.success .p2{color:#999;text-align:center;margin-top:10px;}

.error{background:#fff; padding:20px;margin-top:20px;}
.error i{font-size:64px;line-height:64px;color:#999;display:block;margin:0 auto;width:100%;text-align:center;}
.error .p1{color:#777;font-size:16px;text-align:center;margin-top:10px;}
.error .p2{color:#999;text-align:center;margin-top:10px;font-size:14px;}
.error .p2 a{color:#f60; text-decoration: underline;}

.btnS{ position:fixed;bottom:0px;width:100%;padding:10px 20px;box-sizing: border-box;text-align:center;}
.btnS a{display:block;width:100%;height:40px;line-height:40px;color:#fff;background:#0093D0;border-radius:5px;margin:5px 0;font-size:14px;}
.btnS a:nth-child(3){background:#DE9C28;}


.myOrder li{padding:10px;background:#fff;margin-bottom:10px;}
.myOrder li i{float:left;width:40px;height:40px;line-height:40px;color:#fff;background:#34B0E4;border-radius:25px;text-align:center;font-size:32px;margin-top:10px;}
.myOrder li p{margin-left:50px;}
.myOrder li .orderCode{color:#999;}
.myOrder li .name{font-size:15px;}
.myOrder li .status{float:right;}
.myOrder li .price{float:right;font-size:24px;color:#E74E4B;margin-top:-10px;margin-left:0px;}
.myOrder li .time{color:#999;}

.myCoupon{margin-top:20px;}
.myCoupon li{padding:10px 10px 15px 10px;margin-top:10px;background:#fff; border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;color:#777; position:relative;}
.myCoupon li .used{background:url(/Public/mobile/images/used.png) no-repeat;position:absolute;top:10px;left:100px;width:70px;height:70px;background-size:100% 100%;}
.myCoupon li .status{text-align:right;font-size:14px;}
.myCoupon li .price{float:right;color:#E74E4B;font-size:38px;line-height:42px;}
.myCoupon li .name{font-size:16px;}
.myCoupon li .time{font-size:12px;}

.myCoupon li.gray{color:#bbb;}
.myCoupon li.gray .price{color:#bbb;}

#about{ background: #eff1f4; text-align: center;}
#about .logo{ display: block; width: 35%; margin: 0px auto 10px auto;padding-top:40px;}
#about .p1{ color: #333333; font-size: 22px;}
#about .p2{ color: #333333; font-size: 12px; margin: 3px 0;}
#about .p3{ color: #59a7f3; font-size: 16px; margin: 10px 0;}
#about .p4{ width: 90%; margin: 0 auto; text-indent: 32px; font-size: 14px; text-align: left; color: #333333;line-height:24px;}
#about .p5{ color: #333333; font-size: 16px;}
#about .p6{ color: #333333; font-size: 12px; margin: 3px auto 5px auto;}
#about strong{ color: #59a7f3; font-weight: normal;}
#about .line{
	width: 80%;height: 1px;margin: 10px auto;background: -webkit-gradient(linear, left top, right top, from(#eff1f4), color-stop(0.5, #d8d8d8), to(#eff1f4));background: -webkit-linear-gradient(left, #eff1f4, #d8d8d8, #eff1f4);padding-bottom:0px;}
#about .foot{ width: 100%; margin-top:30px;padding-bottom:20px;}

#order .orderList{padding-top:72px;}
#order .orderList .empty{text-align:center;padding:40px 0;font-size:16px;}
#order .orderList .empty i{display:block;font-size:52px;color:#bbb;margin-bottom:40px;}

#order .orderMain{padding:10px;}
#order .code{color:#999;border-bottom:1px solid #ddd;padding:6px;}
#order .code em{float:right;font-size:14px;color:#f60;}
#order .auto{padding:10px;}
#order .auto{height:30px;}
#order .auto img{width:30px;height:30px;float:left;}
#order .auto .name{margin-left:40px;line-height:20px;font-size:14px;height:30px;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-align: center;}
#order .count{font-size:10px;color:#999;}

#order .live{position:fixed;bottom:0px;height:54px;line-height:54px; background:rgba(99,99,99,.9);width:100%;padding:0 10px;box-sizing:border-box;z-index:10;color:#fff;font-size:14px;-webkit-transition: all 0.4s ease-out;overflow:hidden;}
#order .live i{margin-right:5px;font-size:18px;}
#order .live a{float:right;height:36px;line-height:36px;padding:0px 10px;background:#EF7F50;color:#fff;margin-top:8px;border-radius:16px;}

#order .orderInfo{padding-top:10px;background:#f8f8f8;box-sizing:border-box;padding-bottom:53px;}

#order .orderInfo dl{}
#order .orderInfo dt{font-size:16px; position:relative;padding:0 15px;height:40px;line-height:40px;margin-top:20px;background:#fff;}
#order .orderInfo dt i{font-size:24px;color:#fff;background:#1979A6;display:block;height:36px;line-height:36px;width:36px;border-radius:18px;border:2px solid #ddd;text-align:center; position:absolute;left:-20px;top:0px;}

#order .orderInfo dd{border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;padding:10px;}
#order .orderInfo .orderCompany{height:60px;}
#order .orderInfo .orderCompany img{width:60px;height:60px;float:left;}
#order .orderInfo .orderCompany p{margin-left:70px;}
#order .orderInfo .orderCompany .name{line-height:20px;font-size:14px;}
#order .orderInfo .orderCompany .address{color:#999;}
#order .orderInfo .report{padding:10px 0px;text-align:center;font-size:14px;}
#order .orderInfo .report p{display:inline-block;width:43%;padding:0 3%;}
#order .orderInfo .report p:nth-child(1){border-right:1px solid #f0f0f0;}
#order .orderInfo .report p span{display:block;color:#999;height:32px;line-height:32px;}
#order .orderInfo .report a{width:71%;height:32px;border-radius:15px;color:#fff;background:#8BBF4E;line-height:32px;display:block;margin:4px auto;}
#order .orderInfo .report a i{border:1px solid #fff;padding:3px;border-radius:10px;margin-right:5px;background:#8CBF4E;font-size:11px;}
#order .orderInfo .report a.gray{background:#eee;color:#999;border:2px solid #ccc;}

#order .orderInfo .part{}
#order .orderInfo .part li{padding:10px 0;border-bottom:1px dashed #ddd;min-height:50px;}
#order .orderInfo .part li:last-child{border-bottom:0px;}
#order .orderInfo .part img{width:50px;height:50px;float:left;}
#order .orderInfo .part p{margin-left:60px;}
#order .orderInfo .part .name{margin-left:60px;line-height:20px;font-size:12px;line-height:16px;}
#order .orderInfo .part .price{font-size:16px;color:#D83300;}
#order .orderInfo .part .price span{font-size:12px;text-decoration: line-through;color:#999;margin-left:20px;}
#order .orderInfo .part .total{font-size:16px;text-align:right;border-top:1px dashed #ccc;margin-left:0px;padding-top:10px;}
#order .orderInfo .part .total em{color:#D83300;font-size:20px;}
#order .orderInfo .part .couponPrice{color:#27AE60;font-size:14px;margin-left:0px;text-align:right;}
#order .orderInfo .log{color:#35B7DF;font-size:14px;}
#order .orderInfo .log i{}

#order .orderInfo a{-webkit-transition: all 0.6s ease-out;}
#order .orderInfo a.hide{height:0px;overflow:hidden;}
#order .orderInfo a.show{height:40px;}

#order .orderInfo .break p em{display:block;}
#order .orderInfo .break li{padding:10px 0;}
#order .orderInfo .break li > em{color:#fff;float:right;width:44px;height:44px;line-height:44px;text-align:center;border-radius:22px;}
#order .orderInfo .break .level5 > em{background:#E59D32;}
#order .orderInfo .break .level5 p em{color:#E59D32;}
#order .orderInfo .break p{display:inline-block;text-align:center;}
#order .orderInfo .break .name{border-right:1px solid #eee;width:46%;
  text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-decoration: none;}
#order .orderInfo .break .val{width:37%;}

#order .orderInfo .break .level10 > em{background:#E55053;}
#order .orderInfo .break .level10 .val{color:#E55053;}

#orderReport{}
#orderReport h3{height:30px;line-height:30px;padding:10px;font-size:16px;font-weight:500;border-bottom:1px solid #eee;}
#orderReport h3 span{float:right;}
#orderReport h4{padding:10px 5px;line-height:24px;line-height:24px;font-size:15px;font-weight:500;border-bottom:1px solid #ddd;margin:0 10px;}
#orderReport dt{margin:10px 10px 0 10px;line-height:30px;font-size:14px;}
#orderReport dt i{color:#2DB7DF;}
#orderReport dt span{float:right;}
#orderReport dd span{float:right;}
#orderReport dl .fcRed{color:#C21616;}
#orderReport dl .fcGreen{color:#5ec03f;}
#orderReport dl .fcBlue{color:#0093d0;}

#orderReport dd{margin:0 10px 0 10px;line-height:30px;color:#777;border-bottom:1px solid #eee;}
#orderReport .model{border-top:15px solid #f0f0f0;border-bottom:15px solid #f0f0f0;}
#orderReport .modelMain{background:url(/Public/mobile/images/model.png) no-repeat;display:block;width:295px;margin:0 auto;height:170px;background-size:100% 100%; position:relative;}

#orderReport .modelMain i{ position:absolute;width:20px;height:20px;border-radius:10px;background:#2DB7DF;text-align:center;line-height:20px;color:#fff; font-family: "arial";}

#orderReport .modelMain .i1{right:0px;top:75px;}
#orderReport .modelMain .i2{right:30px;top:130px;}
#orderReport .modelMain .i3{right:67px;top:148px;}
#orderReport .modelMain .i4{right:93px;top:119px;}
#orderReport .modelMain .i5{right:123px;top:135px;}
#orderReport .modelMain .i6{right:161px;top:135px;}
#orderReport .modelMain .i7{right:196px;top:147px;}
#orderReport .modelMain .i8{right:226px;top:128px;}
#orderReport .modelMain .i9{right:272px;top:75px;}
#orderReport .modelMain .i10{right:225px;top:22px;}
#orderReport .modelMain .i11{right:196px;top:4px;}
#orderReport .modelMain .i12{right:160px;top:16px;}

#orderReport .modelMain .i13{right:123px;top:16px;}
#orderReport .modelMain .i14{right:93px;top:32px;}

#orderReport .modelMain .i15{right:67px;top:5px;}
#orderReport .modelMain .i16{right:35px;top:17px;}
#orderReport .modelMain .i17{right:72px;top:75px;}
#orderReport .modelMain .i18{right:156px;top:75px;}
#orderReport .modelMain .i19{right:214px;top:75px;}
#orderReport .modelMain .bcYellow{background:#F3BB12;}
#orderReport .modelMain .bcOrange{background:#F37C12;}
#orderReport .modelMain .bcRed{background:#F53834;}

#orderReport .model{padding:10px;}
#orderReport .model .legend{padding:20px 0 0px 0;}
#orderReport .model .legend em{display:inline-block;width:30%;}
#orderReport .model .legend i{padding: 4px 10px;border-radius:10px;margin-right:3px;}

#orderReport .model .legend em:nth-child(1){width:28%;}
#orderReport .model .legend em:nth-child(2){width:28%;}
#orderReport .model .legend em:nth-child(3){width:40%;}

#orderReport .model .legend em:nth-child(1) i{background:#F3BB12;}
#orderReport .model .legend em:nth-child(2) i{background:#F37C12;}
#orderReport .model .legend em:nth-child(3) i{background:#F53834;}

#orderReport .model .picList{overflow-x:auto;overflow-y:hidden;height:50px;padding:10px 0;border-top:1px solid #e0e0e0;margin-top:15px;}
#orderReport .model .picList img{height:50px;margin-right:6px;}
#orderReport .model .picList p{white-space:nowrap ;}

#orderReport .report{border:10px solid #f0f0f0;}
#orderReport .report h4{margin-bottom:10px;text-align:center;font-size:16px;font-weight:500}
#orderReport .report li{float:left;padding:10px 0;text-align:center;width:46%;margin:0 0 10px 2%;border:1px solid #ddd;min-height:54px; position:relative;}
#orderReport .report li a i{font-size:22px;color:#398C27;}

#orderReport .report li span{color:#777;font-size:15px;display:block; text-overflow: ellipsis;
  white-space: nowrap;  overflow: hidden;  text-decoration: none;}
#orderReport .report li em{color:#398C27;display:block;margin-top:6px;font-size:18px;}
#orderReport .report li > i{ position:absolute;right:2px;bottom:2px;line-height:14px;color:#37B8DD;}
#orderReport .report li b{font-weight:500;color:#999;height:40px;line-height:15px;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}

#orderReport .report .red{border:1px solid #E54B4F;}
#orderReport .report .red em{color:#E54B4F;}
#orderReport .report .red i{color:#E54B4F;}

#orderReport .report2{padding-bottom:50px;}
#orderReport .report2 em{margin-bottom:5px;}
#orderReport .report2 img{height:40px;}

#orderReport .audio{margin:10px;padding:20px 0;line-height: 30px;font-size:16px;border-top:1px solid #ddd;}
#orderReport audio{width:95%;}

#orderReport .confirm{}
#orderReport .confirm{background:#f7f7f7;border-top:1px solid #fff;padding:5px 15px 8px 15px;color:#777;font-size:14px;box-sizing: border-box;text-align:center;box-shadow: 0px -1px 3px #ccc;}
#orderReport .confirm a{display:block;border-radius:5px;padding:10px 20px;display:block;color:#fff;background:#FF5A00;text-align:center;font-size:16px;}

#signature{ position:fixed;bottom:0px;left:0px;width:100%;z-index:10;background:#f8f8f8;text-align:center;border-top:1px solid #ddd;padding-bottom:5px; visibility:hidden; }
#signature h4{font-weight:500;line-height:36px;font-size:14px;text-align:left;padding:0 10px;border-bottom:1px solid #ddd;}
#signature h4 span{float:right;font-size:12px;}
#signature p{padding-bottom:3px;}
#signature canvas{background:#fff;}
#signature .signatureBtn button:nth-child(2){background:#0093D0;color:#fff;}
#signature button{display:inline-block;width:47%;height:36px;line-height:36px;border:0px;background:#e0e0e0;font-size:14px;}
#signature .btnOrange{background:#f60;color:#fff;}


#alert{ position:fixed;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.5);display:none;}
#alert a{letter-spacing:3px;margin:0 5px;}
#alert a.blue{padding:10px 20px;background:#0394D1;border-radius:5px;color:#fff;}
#alert a.gray{padding:10px 20px;background:#e5e5e5;border-radius:5px;color:#888;}

#alert .alertMain{background:#fff;width:70%;position:absolute;left:50%;top:50%;margin-left:-35%;margin-top:-25%;text-align:center;border-radius: 6px;height:86px;padding-bottom:28px;}

#alert .alertMain .txt{padding:15px 10px;font-size:14px;height:45px;text-align:center;
display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
#alert .alertMain .tip{font-size:12px;color:#f60;}

#live {position: relative; z-index: 1;}
#live .btnLive{border-top:1px solid #ddd;border-bottom:1px solid #eee;background:#f5f5f5;margin-top:-1px;}
#live .btnLive a{display:inline-block;width:49%;text-align:center;font-size:14px;height:40px;line-height:40px;color:#999;
background-image: -webkit-gradient(linear, left top, left bottom, from( #F9F9F9 ), to( #F8F7F8 ));}
#live .btnLive a i{display:none;font-size:18px;margin-right:2px;}
#live .btnLive a.current{background:#4ACCF1;color:#fff;
background-image: -webkit-gradient(linear, left top, left bottom, from( #189CD1 ), to( #158CCA ));}
#live .btnLive a.current i{display:inline-block;}
#live .videoMain{position:relative;text-align:center;z-index:1;min-height:180px;background:#000;}
#live #video{width:100%;height:200px;}

#live .itemList .txt{}
#live .itemList li{line-height:46px;border-bottom:1px solid #ddd;}
#live .itemList li a{display:block;width:290px;height:100%;background:#f60;text-align:center;color:#fff;margin:10px auto;border-radius:5px;font-size:16px;}

#live .itemList li{line-height:46px;border-bottom:1px solid #ddd;padding-left:15px;font-size:14px;background:#F0F0F0;}
#live .itemList i{font-size:18px;color:#ccc;border-left:3px solid #E9E9E9;  text-indent: -11px;display: inline-block;}
#live .itemList span{margin:0px 6px 0 3px;font-size:12px;color:#777;}
#live .itemList li > em{float:right;margin-right:10px;display:inline-block;}
#live .itemList li em img{height:40px;margin-left:3px;}
#live .itemList li:nth-child(1) i{font-size:22px;color:#158FCB;border-left:3px solid #eee;  text-indent: -13px;display: inline-block;}

#live .itemList li:nth-child(2) i{font-size:22px;color:#158FCB;border-left:3px solid #eee;  text-indent: -13px;display: inline-block;}
#live .itemList li:nth-child(1){background:#fff;}
#live .itemList li:nth-child(2){background:#fff;}
#live .itemList .fcRed{color:#C21616;}
#live .itemList .fcGreen{color:#5ec03f;}
#live .itemList .fcBlue{color:#0093d0;}
#live .itemList .fcOrange{color:#f60;}
#live .itemList .loading{border-bottom:0px;text-align:center;padding-top:30px;}
#live .itemList audio{width:300px;}
.animated{ -webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes zoomIn{ 
0%{ opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{ opacity:1}
}
.zoomIn{ -webkit-animation-name:zoomIn;animation-name:zoomIn}


#loading{ position:fixed;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.3);z-index:12;display:none;}
#loading p{background:rgba(0,0,0,0.8);border:1px solid #000;padding:10px;margin:40% 20px 0 20px;text-align:center;color:#fff;border-radius:5px;font-size:14px;letter-spacing:2px;}


#msgTip{ position:fixed;text-align:center;z-index:300;color:#fff;top:0px;left:0;right:0px;bottom:0px;top:0;width:100%;height:0px;overflow:hidden;}
#msgTip.show{overflow:visible;}
#msgTip .txt{font-size:14px;background:rgba(0,0,0,.7);box-shadow:0px 0px 6px #999;padding:10px 20px;width:70%;border-radius:10px;margin:50% auto 0 auto;}



#companyList{}
#companyList .main .title{height:10%;line-height:40px;font-size:16px;text-align:center;border-bottom:1px solid #ddd;background:#f5f5f5;border-radius:5px 5px 0 0 }
#companyList .main .title .close{font-size:24px;font-weight: bolder;float:right;height:100%;border-left:1px solid #ddd;background:#f2f2f2;width:40px;border-radius:0 5px 0 0;color:#666;}
#companyList .main ul{height:90%;overflow-y:auto;overflow-x:hidden;}

#companyList li {height:50px;overflow:hidden;border-bottom:1px solid #ddd;padding:5px 10px;}
#companyList li i{float:right;width:24px;height:24px;border-radius:12px;font-size:22px;color:#eee;margin-top: 12px;}
#companyList li img{float:left;width:46px;height:46px;}
#companyList li p{margin-left:55px;}
#companyList li .name{line-height:16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-decoration: none;}
#companyList li .address{color:#999;line-height:16px;}
#companyList .bg{ position:fixed;width:100%;height:100%;}

#companyList li.current{background:#f5f5f5;}
#companyList li.current i{color:#f60;}

.goodsList .dialog-content{width:92%;margin-left:-46%;}
.goodsList div.content{padding:0px;height:330px;overflow-x:hidden;overflow-y:auto;}

.goodsList  li{padding:5px; cursor:pointer;float:left;border-bottom:1px solid #ddd;width:100%;box-sizing: border-box;}

.goodsList  li img{width:45px;height:45px;margin-left:5px;float: left;}
.goodsList  li p{margin-left:55px;}
.goodsList  li .name{padding-top:0px;font-size:12px;line-height:16px;}
.goodsList  li .price{color:#D83300;font-size:14px;margin-top:5px;}
.goodsList  li .price em{font-size:12px;margin-left:20px;color:#888;}
.goodsList  li .price span{margin-left:10px;color:#999; text-decoration: line-through;font-size:12px;}
.goodsList  li i{color:#1280CD; font-size:16px;float:right;margin-right:10px;margin-top: 10px;}
.goodsList  li.current{background:#f5f5f5;}
.goodsList  li.current i{ visibility:visible;}

.comment .star{margin:15px;font-size:16px;border-bottom:1px solid #eee;padding:15px;}
.comment .star i{color:#ccc;letter-spacing:5px;font-size:32px;}
.comment textarea{width:90%;height:120px;display:block;border:1px solid #ddd;margin:0 auto;padding:5px;box-sizing: border-box;text-align:left;}
.comment textarea[readonly='readonly']{border-color:#fff;}
.comment .star i.selected{color:#FF381D;}



#login{ background: #eff1f4;width:100%; margin: 0 auto;padding:20px 0;}
#login ul{padding:10px;}
#login li{ width: 100%; margin: 10px 0;}
#login input{ width: 90%; padding: 0 5%; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #c1c1c1; border-radius: 3px;}
#login input[name='code']{width:55%;margin-right:1%;}
#login .getCode{display:inline-block;width:32%;background:#f60;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:3px;position:relative;bottom: -2px}
#login .getCodeGray{background:#f5f5f5;color:#999;}
#login #btnSubmit{ height: 40px; line-height: 40px; text-align: center; color: #fff; background: #3fb7ee; font-size:16px;display:block;margin:0 10px;}

#login .p1{ width: 80%; margin: 10px auto; font-size: 12px; color: #4e4e4e;}

.empty{text-align:center;font-size:16px;padding:20px;}
.empty i{line-height:42px;font-size:42px;}

.dialog {position:fixed;top:0;left:0; width: 100%; height: 100%; display: none;z-index:10; }
.dialog .bg{ position: absolute;width:100%;height:100%;background: rgba(0,0,0,.4);top: 0;  left: 0; }
.dialog .dialog-content {  position: absolute;  top:10%; left: 50%;  background: #fff; border-radius:3px;}
.dialog .dialog-tit {height: 10%;
line-height: 40px;
font-size: 16px;
text-align: center;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
border-radius: 5px 5px 0 0;}

.dialog .dialog-tit strong {  color: #333;  font-size: 24px;  float: left;}
.dialog .dialog-tit .close {  float: right;	font-size:24px; color:#666;margin-right:10px;}

.dialog .content {  padding: 12px;}
.dialog .content .t-tit {  font-size: 18px;  color: #070708;  padding-bottom: 8px;}
.dialog .content .star-tip {  padding-bottom: 20px;}
.dialog .content .textarea {  padding-bottom: 15px;}
.dialog .content .pj-txt {  border: 1px solid #ddd;  width: 604px;  height: 77px;  padding: 2px;}
.dialog .dg-list-item {  padding-bottom: 15px;}
.dialog .dg-list-item .label-txt {
  display: inline-block;  *display: inline;  *zoom: 1;  vertical-align: middle;  text-align: right;  color: #333;  font-size: 18px;  padding-right: 12px;  width: 75px;}
.dialog .dg-list-item .label-ipt {  border: 1px solid #D0D0D0;  padding: 10px 5px;  font-size: 16px;  width: 270px;  height: 18px;  line-height: 18px;  vertical-align: middle;}
.dialog .dg-list-item .code {  vertical-align: middle;  margin-left: 10px;}
.dialog .dg-list-item .reg-link {  font-size: 14px;  color: #333;}
.dialog .dg-list-item .reg-link a {  text-decoration: underline;  color: #333;}
.dialog .dg-list-item .reg-link a:hover {  color: #0a5ecc;}
.dialog .dg-list-item .slt-s {  padding: 8px;  font-size: 16px;  color: #333;  border: 1px solid #D0D0D0;  vertical-align: middle;}